<template>
  <div class="min-h-screen bg-[#F7F8FA] flex">
    <!-- 左侧导航栏 -->
    <Nav></Nav>

    <!-- 右侧主体内容 -->
    <div class="flex-1 bg-[#FFFFFF]">
      <div class="container mx-auto px-4 py-8 flex flex-col items-center justify-center min-h-screen">
        <img src="@/assets/images/empty-book.svg" alt="空题库" class="w-48 h-48 mb-6">
        <h2 class="text-2xl font-medium text-gray-900 mb-2">还没有任何题库</h2>
        <p class="text-gray-600 mb-8">创建题库，邀请同学</p>
        <button class="bg-[#2970FF] text-white px-6 py-3 rounded-lg text-base hover:bg-blue-600 transition-colors">
          创建题库
        </button>
      </div>
    </div>
  </div>
</template>
<script setup>
import Nav from "@/components/nav/index.vue";
</script>